<!-- 试卷册封面 -->
<template>
<div><div :id="printId" class="print-container" style="page-break-after: always;">
<div style="height: 22mm;"></div>
<div style="font-size: 0.5cm; margin: 0 3cm; text-align: justify;">附件 5</div>
<div style="height: 22mm;"></div>
<div style="font-weight: bolder; font-family: '思源宋体 SemiBold'!important; font-size: 9mm; text-align: center;">信息工程大学洛阳校区试卷册</div>
<div style="height: 3mm;"></div>
<div style="font-weight: bold; font-family: '楷体'!important; font-size: 5mm; text-align: center;">（{{ courseInfo.xueqi_1 }}年{{ courseInfo.xueqi_2 }}季学期）</div>
<div style="height: 90mm;"></div>
<div style="margin: 0 55mm; padding: 0;">
  <table style="width: 100%; margin:0; font-size: 4mm;">
    <colgroup>
      <col style="width: 22%" />
      <col style="width: 78%" />
    </colgroup>
    <tr>
      <td class="print-label" style="font-family: '思源宋体 SemiBold'!important;">考试课程：</td>
      <td class="print-content" style="font-family: '宋体'!important; border-bottom: 0.5mm solid black;">&nbsp;{{ courseInfo.coursename }}&nbsp;</td>
    </tr>
    <tr>
      <td class="print-label" style="font-family: '思源宋体 SemiBold'!important;">级　　次：</td>
      <td class="print-content" style="font-family: '宋体'!important; border-bottom: 0.5mm solid black;">&nbsp;</td>
    </tr>
    <tr>
      <td class="print-label" style="font-family: '思源宋体 SemiBold'!important;">专　　业：</td>
      <td class="print-content" style="font-family: '宋体'!important; border-bottom: 0.5mm solid black;">&nbsp;</td>
    </tr>
    <tr>
      <td class="print-label" style="font-family: '思源宋体 SemiBold'!important;">考试日期：</td>
      <td class="print-content" style="font-family: '宋体'!important; border-bottom: 0.5mm solid black;">
        <div style="display: flex; justify-content: space-between;">
          <div>&nbsp;</div>
          <div>年</div>
          <div>月</div>
          <div>日</div>
        </div>
      </td>
    </tr>
    <tr>
      <td class="print-label" style="font-family: '思源宋体 SemiBold'!important;">教学单位：</td>
      <td class="print-content" style="font-family: '宋体'!important; border-bottom: 0.5mm solid black;">
        <div style="display: flex; justify-content: space-between;">
          <div>&nbsp;</div>
          <div>&nbsp;{{ courseInfo.xb }}&nbsp;</div>
          <div>&nbsp;{{ courseInfo.classroom }}&nbsp;</div>
        </div>
      </td>
    </tr>
  </table>
</div>
</div>
</div>
</template>

<script>
export default {
  components: {},
  props: {
    courseInfo: {type: Object},
    printId: {type: String}
  },
  data() {
    return {}
  },
  methods: {},
  beforeUpdate: function() {
    console.log("TestBookCover beforeUpdate");
  },
  updated: function() {
    console.log("TestBookCover updated");
  },
  mounted: function() {
    console.log("TestBookCover updated");
  }
}
</script>

<style lang="less" scoped>
.print-container {
  width: 205.5mm;
  height: 292mm;
  color: #000000;
}
.print-label {
  font-family: '思源宋体 SemiBold' !important;
}
.print-content {
  font-family: '宋体'!important;
  > div {
    padding: 0.7mm 1mm;
    text-align: justify;
  }
}
td {
  background-color: #ffffff;
  text-align: center;
  padding: 2.5mm 0;
}
</style>